@(modelForView: model.forview.StructuresModelForView)
@main(modelForView.mainModelForView) {

<!-- CONTENT -->
<div class="span6">
	<div class="well">
		Форма добавления новой иерархии - 
		<a href="@routes.Hierarchy.getPageStructureCreate()" class="btn">Создать</a>
	</div>
</div>
<div class="span6">
	<form method="GET">
		<div class="well">
			<div class="input-append">
    			<input class="span2" name="query" type="text" style="width:200px" value="@modelForView.getQuery()">
    			<button class="btn" type="submit"><i class="icon-search"></i></button>
    		</div>
		</div>
	</form>
</div>

<div class="span12">
	<table class="table table-striped table-bordered table-condensed">
		<thead>
			<tr>
				<th>#</th>
				<th>Название</th>
				<th>Описание</th>
				<th>Создатель</th>
				<th style="width:120px">Количество узлов</th>
				<th style="width:10px"><i class="icon-edit"></i></th>
				<th style="width:10px"><i class="icon-remove"></i></th>
			</tr>
		</thead>
		<tbody>
			@for(i <- 0 until modelForView.getStrSize()){
				<tr>
					<td>@modelForView.getIndex(i)</td>
					<td><a href="@routes.Hierarchy.node(0, modelForView.getStrId(i))">@modelForView.getStrTitle(i)</a></td>
					<td>@modelForView.getStrDescription(i)</td>
					<td><a href="@routes.UserOption.getUserPage(modelForView.getStrCreaterEmail(i))">@modelForView.getStrCreaterName(i)</a></td>
					<td>@modelForView.getStrucutre(i).getSizeOfStructuresNode()</td>
					<td>
						<a class="icon-edit" href="@routes.Hierarchy.getPageStructureChange(modelForView.getStrId(i))"></a>
					</td>
					<td>
						<a class="icon-remove" href="@routes.Hierarchy.getPageStructureDelete(modelForView.getStrId(i))"></a>
					</td>
				</tr>
			}
		</tbody>
	</table>
	<!--  
	<div class="pagination pagination-centered">
		<ul>
			<li><a href="#">«</a></li>
			<li class="active"><a href="#">1</a></li>
			<li><a href="#">2</a></li>
			<li><a href="#">3</a></li>
			<li><a href="#">4</a></li>
			<li class="disabled"><a href="#">...</a></li>
			<li><a href="#">10</a></li>
			<li><a href="#">»</a></li>
		</ul>
	</div>
	-->
</div>
}
